<script>
import {defineComponent} from 'vue'

export default defineComponent({
    name: "lifeView",
    data(){
        return{

        }
    },
    methods:{

    },
    // 1. beforeCreate() 页面重新创造之前
    // 初始化之前，data里面的数据和methods里面的方法没有初始化
    // 作用：页面重定向
    beforeCreate() {
        console.log(this.msg)
        console.log('beforeCreate')
    },
    // data里面的数据和methods里面的方法已经初始化，第一个可以操作data和methods的生命周期
    // 接口请求和数据初始化
    created() {
        console.log(this.msg)
        this.msg = 'hi'
        console.log('created')
    },
    // 虚拟的Dom挂载
    beforeMount(){
        console.log('beforeMount')
    },
    // 真实的Dom挂载，第一个可以操作Dom元素的生命周期
    mounted() {
        console.log('mounted')
    },
    // 更新之前，data里面的数据是新的，页面的数据是旧的 还未保持同步
    // 执行0次或者更多次
    beforeUpdate() {
        console.log('beforeUpdate')
    },
    // 更新之后 data里面的数据是新的，页面的数据是新的
    // 执行0次或者更多次
    updated() {
        console.log('updated')
    },
    // 销毁之前
    // 清空页面监听和定时器
    beforeDestroy() {
        console.log('beforeDestroy')
    },
    // 销毁之后
    destroyed() {
        console.log('destroyed')
    }
})
</script>

<template>
<div>

</div>
</template>

<style scoped lang="less">

</style>